<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<script type="text/javascript" src="js/index1.js"></script>
<body>
	<!-- 头部开始 -->
	<header class="jd-header clearfix">
		<div class="left fl"></div>
		<div class="right fr"><a href="#">登录</a></div>
		<div class="center"><input type="search" placeholder="美国伟哥,你值得信赖"></div>
	</header>
	<!-- banner -->
	<section class="ban">
			<ul class="ban-img">
				<li><a href="#"><img src="image/imgs/banner01.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/imgs/banner02.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/imgs/banner03.jpg" alt=""></a></li>
				<li><a href="#"><img src="image/imgs/banner04.jpg" alt=""></a></li>
			</ul>
			<ol class="ban-squa">
				<!-- <li></li> -->
			</ol>
	</section>

	<!-- nav -->
	<section class="nav">
		<ul class="clearfix">
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav01.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav02.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav03.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav04.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav05.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav06.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav07.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav08.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav09.png" alt=""></a> <p>京东超市</p></li>
			<li class="w20 fl"><a href="#"><img src="./image/icons/nav10.png" alt=""></a> <p>京东超市</p></li>
		</ul>
	</section>

	<!-- 京东快报 -->
	<section class="jd-news">
		<div class="jd-news-m">
			<div class="jd-news-log left fl"><a href="#"><img src="image/icons/jd-news-tit.png" alt=""></a></div>
			<a class="jd-news-txt fr" href="#">更多</a>
			<div class="content" id="fast-news">
				<ul class="jd-news-con">
			 		<li>京东老板和小姨子跑啦,全场3折!</li>
			 		<li>通通不要钱,你敢信!</li>
			 		<li>火箭能上天,你也能</li>
			 		<li>火车满嘴跑,牛皮吹飞天</li>
			 		<li>唱歌要命,牛皮要钱</li>
				</ul>	 	
			</div>
		</div>
	</section>

	<!-- 京东秒杀 -->
	<section class="jd-seckill">
		<div class="clearfix jd-skill-t">
			<div class="seckill-txt left fl">京东秒杀</div>
			<a class="jd-skill-mor fr" href="#">更多秒杀 &gt;</a>
			<div class="center" id="skillcen">
				<span>0</span>
				<span>0</span>
				<span>:</span>
				<span>0</span>
				<span>0</span>
				<span>:</span>
				<span>0</span>
				<span>0</span>
			</div>
		</div>
		<div class="jd-skill-b">
			<ul class="jd-skill-ul clearfix">
				<li>
					<a href="#"><img src="image/imgs/sec01.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec02.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec03.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec04.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec05.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec06.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec07.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>
				<li>
					<a href="#"><img src="image/imgs/sec01.jpg" alt=""></a>
					<p>&yen;69</p>
					<p>&yen;170</p>
				</li>

			</ul>
		</div>
	</section>

	<!-- 京东主会场 -->
	<section class="jd-main">
		<ul class="clearfix">
			<li class="w33 fl"><a href="#"><img src="image/imgs/item01.jpg" alt=""></a></li>
			<li class="w33 fl"><a href="#"><img src="image/imgs/item02.jpg" alt=""></a></li>
			<li class="w33 fl"><a href="#"><img src="image/imgs/item03.jpg" alt=""></a></li>
		</ul>
	</section>

	<!-- 京东产品 -->
	<section class="jd-pro">
		<div class="jd-items bot-line clearfix">
			<div class="jd-item w50 clearfix fl right-line">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product01.jpg" alt="">
				</div>
			</div>
			<div class="jd-item w50 clearfix fl">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product02.jpg" alt="">
				</div>
			</div>
		</div>
		<div class="jd-items bot-line clearfix">
			<div class="jd-item w50 clearfix fl right-line">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product03.jpg" alt="">
				</div>
			</div>
			<div class="jd-item w50 clearfix fl">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product04.jpg" alt="">
				</div>
			</div>
		</div>
		<div class="jd-items bot-line clearfix">
			<div class="jd-item w50 clearfix fl right-line">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product05.jpg" alt="">
				</div>
			</div>
			<div class="jd-item w50 clearfix fl">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product06.jpg" alt="">
				</div>
			</div>
		</div>
		<div class="jd-items bot-line clearfix">
			<div class="jd-item w50 clearfix fl right-line">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product04.jpg" alt="">
				</div>
			</div>
			<div class="jd-item w50 clearfix fl">
				<div class="item-txt">
					<h3>秒杀了</h3>
					<p>赶紧抢回家</p>
				</div>
				<div class="item-pic fr">
					<img src="image/imgs/product03.jpg" alt="">
				</div>
			</div>
		</div>
	</section>
</body>
</html>